<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="baidu-site-verification" content="code-3w2JTSMB5s" />
    <link rel="stylesheet" type="text/css" href="__CSS__/common.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/iconfont.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/swiper.min.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/index_index.css?v=__VERSION__"/>
    <script type="text/javascript" src="__JS__/jquery.min.js?v=__VERSION__"></script>
    <title>{$pageInfo['title']}</title>
    <meta name="keywords" content="{$pageInfo['keywords']}">
    <meta name="description" content="{$pageInfo['description']}">
</head>
<body>
    <div id="main">
        <!--header start-->
        <div id="header">
            {if !empty($site.index_top_title)}<div class="title">{$site.index_top_title}</div>{/if}
        </div>
        <!--header stop-->

        {include file="common/nav" /}

        <div id="center" class="com">
            <div id="left-box">

                <!--carousel start-->
                {if !empty($bannerList)}
                <div class="swiper-container carousel">
                    <div class="swiper-wrapper">
                        {volist name="bannerList" id="banner"}
                        <div class="swiper-slide"><a {if !empty($banner.link)}href="{$banner.link}" target="_blank" {else/}href='javascript:void(0);'{/if}><img src="{$banner.thumb}" alt="{$banner.title}" title="{$banner.title}" /></a></div>
                        {/volist}
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>

                    <!-- 如果需要导航按钮 -->
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
                {/if}
                <!--carousel stop-->

                <!--article-list start-->
                {if !empty($categoryList1)}
                <div class="article-list">
                    <div class="article-title">
                        {volist name="categoryList1" id="category1"}
                        {if $key==0}
                        <div class="active" data-category_id="{$category1.id}">{$category1.name}</div>
                        {else/}
                        <div data-category_id="{$category1.id}">{$category1.name}</div>
                        {/if}
                        {/volist}
                    </div>
                    <div class="article-content">
                        <div class="content-item">
                            <div class="item-content">
                                {volist name="articleList1" id="a1"}
                                <div><a href="{:url('/detail/'.$a1.id)}" target="_blank">{$a1.title}</a></div>
                                {/volist}
                            </div>
                        </div>
                    </div>
                </div>
                {/if}
                <!--article-list stop-->

                <!--article-list start-->
                {if !empty($categoryList2)}
                <div class="article-list">
                    <div class="article-title">
                        {volist name="categoryList2" id="category2"}
                        {if $key==0}
                        <div class="active" data-category_id="{$category2.id}">{$category2.name}</div>
                        {else/}
                        <div data-category_id="{$category2.id}">{$category2.name}</div>
                        {/if}
                        {/volist}
                    </div>
                    <div class="article-content">
                        <div class="content-item">
                            <div class="item-content">
                                {volist name="articleList2" id="a2"}
                                <div><a href="{:url('/detail/'.$a2.id)}" target="_blank">{$a2.title}</a></div>
                                {/volist}
                            </div>
                        </div>
                    </div>
                </div>
                {/if}
                <!--article-list stop-->

                <!--article-thumb start-->
                {if !empty($categoryList3)}
                <div class="article-thumb">
                    <div class="article-title">
                        {volist name="categoryList3" id="category3"}
                        {if $key==0}
                        <div class="active" data-category_id="{$category3.id}">{$category3.name}</div>
                        {else/}
                        <div data-category_id="{$category3.id}">{$category3.name}</div>
                        {/if}
                        {/volist}
                    </div>
                    <div class="article-content">
                        {volist name="articleList3" id="a3"}
                        <div class="content-item">
                            <div class="item-title" onclick="window.open('{:url(\'/detail/\'.$a3.id)}')">{if !empty($a3.isding)}<span class="ding">【顶】</span>{/if}	{$a3.title}</div>
                            <div class="item-content">
                                <div class="left-box">
                                    <img src="{$a3.thumb|image_processing=0}" alt="{$a3.title}" title="{$a3.title}" onclick="window.open('{:url(\'/detail/\'.$a3.id)}')">
                                    <span>{$categoryList3.0.name}</span>
                                </div>
                                <div class="right-box">
                                    <div class="content">{$a3.info}</div>
                                    <div class="info">
                                        <div class="user">
                                            <div class="avatar"><img src="{$a3.avatar|image_processing=1}"></div>
                                            <span class="publish-date">{$a3.createtime|date='Y-m-d',###}</span>
                                            <span class="category">[{$categoryList3.0.name}]</span>
                                        </div>
                                        <div class="read-more">
                                            <a href="{:url('/detail/'.$a3.id)}" target="_blank">阅读更多</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {/volist}
                    </div>
                </div>
                {/if}
                <!--article-thumb stop-->
                <!--network-marketing start-->
                {if !empty($categoryList4)}
                <div class="network-marketing">
                    <div class="marketing-title">{$categoryList4.name}</div>
                    <div class="marketing-content">
                        {volist name="articleList4" id="a4"}
                        <div class="marketing-list">
                            <div class="left-box">
                                <img src="{$a4.thumb|image_processing=0}" alt="{$a4.title}" title="{$a4.title}" onclick="window.open('{:url(\'/detail/\'.$a4.id)}')">
                            </div>
                            <div class="right-box">
                                <div class="article-title" onclick="window.open('{:url(\'/detail/\'.$a4.id)}')">
                                    {$a4.title}
                                </div>
                                <div class="article-info">
                                    <span class="pubdate"><i class="iconfont icon-shijian"></i>{$a4.createtime}</span>
                                    <span class="author"><i class="iconfont icon-7"></i>{$a4.author}</span>
                                    <span class="read-number"><i class="iconfont icon-chakanyanjingshishifenxi"></i>{$a4.clicks}</span>
                                </div>
                                <div class="article-content">{$a4.info}</div>
                            </div>
                        </div>
                        {/volist}
                    </div>
                </div>
                {/if}
                <!--network-marketing stop-->

            </div>
            <div id="right-box">

                <!--business-card start-->
                <div class="business-card">
                    <ul class="info-list">
                        <li class="title">我的名片</li>
                        {if !empty($site.blogger_netname)}<li>网名：{$site.blogger_netname}</li>{/if}
                        {if !empty($site.blogger_occupation)}<li>职业：{$site.blogger_occupation}</li>{/if}
                        {if !empty($site.blogger_current_residence)}<li>现居：{$site.blogger_current_residence}</li>{/if}
                        {if !empty($site.blogger_email)}<li>Email：{$site.blogger_email}</li>{/if}
                    </ul>
                    <ul class="linkmore">
                        <li><a href="javascript:void(0);" class="iconfont icon-shouye" title="网站地址"></a></li>
                        <li><a href="javascript:void(0);" class="iconfont icon-duanxin" title="我的邮箱"></a></li>
                        <li><a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin={$site.qq_number}" class="iconfont icon-qq" title="QQ联系我"></a></li>
                        <li style="position: relative;" class="popup-wxqrcode-box">
                            <a href="javascript:void(0);" class="iconfont icon-weixin-copy" title="关注我的微信">
                            </a>
                            <div class="popup-wxqrcode">
                                <img src="{$site.blogger_wxqrcode}"/>
                            </div>
                        </li>
                    </ul>

                    <!-- 钟 -->
                    <svg version="1.1" id="clock" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="200px" height="200px" viewBox="94.257 101.184 300 300" enable-background="new 94.257 101.184 300 300"
	 xml:space="preserve">
<circle id="face" fill="#F4F3ED" cx="243.869" cy="250.796" r="130.5"/>
<path id="rim" fill="#383838" d="M243.869,101.184c-82.629,0-149.612,66.984-149.612,149.612c0,82.629,66.983,149.612,149.612,149.612
	S393.48,333.425,393.48,250.796S326.498,101.184,243.869,101.184z M243.869,386.455c-74.922,0-135.659-60.736-135.659-135.659
	c0-74.922,60.737-135.659,135.659-135.659c74.922,0,135.658,60.737,135.658,135.659
	C379.527,325.719,318.791,386.455,243.869,386.455z"/>
<g>
	<g opacity="0.2">
		<path fill="#C4C4C4" d="M243.869,114.648c-75.748,0-137.154,61.406-137.154,137.153c0,75.749,61.406,137.154,137.154,137.154
			c75.748,0,137.153-61.405,137.153-137.154C381.022,176.054,319.617,114.648,243.869,114.648z M243.869,382.56
			c-72.216,0-130.758-58.543-130.758-130.758s58.542-130.758,130.758-130.758c72.216,0,130.758,58.543,130.758,130.758
			S316.085,382.56,243.869,382.56z"/>
	</g>
	<g>
		<path fill="#282828" d="M243.869,113.637c-75.748,0-137.154,61.406-137.154,137.153c0,75.749,61.406,137.154,137.154,137.154
			c75.748,0,137.153-61.405,137.153-137.154C381.022,175.043,319.617,113.637,243.869,113.637z M243.869,381.548
			c-72.216,0-130.758-58.542-130.758-130.757c0-72.216,58.542-130.758,130.758-130.758c72.216,0,130.758,58.543,130.758,130.758
			C374.627,323.005,316.085,381.548,243.869,381.548z"/>
	</g>
</g>
<g id="markings">
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="243.5" y1="139" x2="243.5" y2="133"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="231.817" y1="139.651" x2="231.19" y2="133.684"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="220.266" y1="141.52" x2="219.018" y2="135.65"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="208.973" y1="144.585" x2="207.119" y2="138.879"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="198.063" y1="148.814" x2="195.623" y2="143.333"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="187.655" y1="154.161" x2="184.655" y2="148.965"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="177.862" y1="160.566" x2="174.335" y2="155.712"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="168.792" y1="167.96" x2="164.778" y2="163.501"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="160.545" y1="176.262" x2="156.087" y2="172.246"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="153.211" y1="185.379" x2="148.358" y2="181.852"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="146.871" y1="195.214" x2="141.675" y2="192.213"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="141.593" y1="205.658" x2="136.112" y2="203.216"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="137.436" y1="216.596" x2="131.729" y2="214.741"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="134.445" y1="227.909" x2="128.576" y2="226.66"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="132.653" y1="239.472" x2="126.685" y2="238.843"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="132.079" y1="251.16" x2="126.079" y2="251.158"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="132.73" y1="262.843" x2="126.762" y2="263.468"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="134.598" y1="274.395" x2="128.729" y2="275.64"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="137.664" y1="285.688" x2="131.958" y2="287.539"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="141.893" y1="296.598" x2="136.412" y2="299.035"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="147.24" y1="307.006" x2="142.043" y2="310.004"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="153.645" y1="316.799" x2="148.791" y2="320.323"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="161.04" y1="325.868" x2="156.58" y2="329.881"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="169.341" y1="334.115" x2="165.325" y2="338.572"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="178.459" y1="341.449" x2="174.931" y2="346.302"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="188.294" y1="347.789" x2="185.292" y2="352.984"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="198.738" y1="353.066" x2="196.295" y2="358.548"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="209.676" y1="357.223" x2="207.82" y2="362.93"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="220.989" y1="360.214" x2="219.739" y2="366.084"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="232.552" y1="362.006" x2="231.922" y2="367.975"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="244.239" y1="362.58" x2="244.237" y2="368.582"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="255.921" y1="361.93" x2="256.547" y2="367.898"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="267.472" y1="360.062" x2="268.719" y2="365.932"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="278.765" y1="356.996" x2="280.619" y2="362.703"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="289.675" y1="352.767" x2="292.116" y2="358.248"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="300.083" y1="347.42" x2="303.083" y2="352.616"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="309.876" y1="341.015" x2="313.403" y2="345.869"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="318.946" y1="333.621" x2="322.96" y2="338.08"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="327.193" y1="325.319" x2="331.651" y2="329.334"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="334.527" y1="316.201" x2="339.38" y2="319.728"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="340.868" y1="306.367" x2="346.063" y2="309.367"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="346.146" y1="295.924" x2="351.626" y2="298.364"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="350.303" y1="284.986" x2="356.008" y2="286.84"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="353.294" y1="273.673" x2="359.162" y2="274.92"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="355.087" y1="262.11" x2="361.052" y2="262.737"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="356" y1="250.5" x2="362" y2="250.5"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="355.355" y1="238.781" x2="361.323" y2="238.153"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="353.489" y1="227.193" x2="359.359" y2="225.945"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="350.422" y1="215.864" x2="356.129" y2="214.01"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="346.188" y1="204.918" x2="351.669" y2="202.477"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="340.833" y1="194.474" x2="346.029" y2="191.474"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="334.415" y1="184.647" x2="339.269" y2="181.12"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="327.004" y1="175.545" x2="331.463" y2="171.529"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="318.684" y1="167.268" x2="322.699" y2="162.807"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="309.543" y1="159.905" x2="313.07" y2="155.049"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="299.684" y1="153.538" x2="302.683" y2="148.34"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="289.212" y1="148.237" x2="291.652" y2="142.753"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="278.245" y1="144.059" x2="280.097" y2="138.351"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="266.9" y1="141.05" x2="268.145" y2="135.179"/>
	<line fill="none" stroke="#3F3F3F" stroke-miterlimit="10" x1="255.302" y1="139.244" x2="255.927" y2="133.275"/>
	<polygon fill="#3F3F3F" points="247.391,133 243.5,141.05 239.609,133 	"/>
	<polygon fill="#3F3F3F" points="188.022,147.021 188.677,155.938 181.283,150.912 	"/>
	<polygon fill="#3F3F3F" points="143.617,188.848 148.643,196.243 139.726,195.588 	"/>
	<polygon fill="#3F3F3F" points="126.074,247.273 134.125,251.165 126.076,255.056 	"/>
	<polygon fill="#3F3F3F" points="140.095,306.644 149.013,305.988 143.988,313.382 	"/>
	<polygon fill="#3F3F3F" points="181.922,351.049 189.318,346.022 188.663,354.938 	"/>
	<polygon fill="#3F3F3F" points="240.349,368.591 244.24,360.54 248.13,368.589 	"/>
	<polygon fill="#3F3F3F" points="299.718,354.569 299.062,345.652 306.457,350.677 	"/>
	<polygon fill="#3F3F3F" points="344.123,312.742 339.096,305.348 348.012,306.002 	"/>
	<polygon fill="#3F3F3F" points="362,254.316 353.951,250.426 362,246.534 	"/>
	<polygon fill="#3F3F3F" points="347.934,194.779 339.018,195.435 344.042,188.04 	"/>
	<polygon fill="#3F3F3F" points="305.984,150.252 298.59,155.277 299.244,146.361 	"/>
	<rect x="282" y="152.98" fill="none" width="17.366" height="27.947"/>
	<text transform="matrix(1 0 0 1 282 174.4307)" fill="#303030" font-family="'Futura-Medium'" font-size="26">1</text>
	<rect x="320.699" y="188.474" fill="none" width="17.202" height="26.267"/>
	<text transform="matrix(1 0 0 1 320.6987 209.9229)" fill="#303030" font-family="'Futura-Medium'" font-size="26">2</text>
	<rect x="335.04" y="238.872" fill="none" width="21.03" height="24.585"/>
	<text transform="matrix(1 0 0 1 335.0396 260.3213)" fill="#303030" font-family="'Futura-Medium'" font-size="26">3</text>
	<rect x="319.699" y="290.242" fill="none" width="17.202" height="23.557"/>
	<text transform="matrix(1 0 0 1 319.6987 311.6914)" fill="#303030" font-family="'Futura-Medium'" font-size="26">4</text>
	<rect x="284.5" y="323.319" fill="none" width="19.212" height="22.511"/>
	<text transform="matrix(1 0 0 1 284.5 344.7695)" fill="#303030" font-family="'Futura-Medium'" font-size="26">5</text>
	<rect x="235.552" y="336.08" fill="none" width="19.938" height="24.15"/>
	<text transform="matrix(1 0 0 1 235.5522 357.5293)" fill="#303030" font-family="'Futura-Medium'" font-size="26">6</text>
	<rect x="189.373" y="322.319" fill="none" width="19.673" height="25.003"/>
	<text transform="matrix(1 0 0 1 189.3726 343.7695)" fill="#303030" font-family="'Futura-Medium'" font-size="26">7</text>
	<rect x="151.066" y="287.539" fill="none" width="17.726" height="25.203"/>
	<text transform="matrix(1 0 0 1 151.0664 308.9883)" fill="#303030" font-family="'Futura-Medium'" font-size="26">8</text>
	<rect x="136.392" y="241.25" fill="none" width="20.696" height="22.348"/>
	<text transform="matrix(1 0 0 1 136.3916 262.6992)" fill="#303030" font-family="'Futura-Medium'" font-size="26">9</text>
	<rect x="149.066" y="191.474" fill="none" width="36.554" height="27.122"/>
	<text transform="matrix(1 0 0 1 149.0664 212.9229)" fill="#303030" font-family="'Futura-Medium'" font-size="26">10</text>
	<rect x="184.967" y="158.518" fill="none" width="36.021" height="27.13"/>
	<text transform="matrix(1 0 0 1 184.9673 179.9668)" fill="#303030" font-family="'Futura-Medium'" font-size="26">11</text>
	<rect x="225.723" y="144.514" fill="none" width="37.029" height="29.25"/>
	<text transform="matrix(1 0 0 1 225.7227 165.9639)" fill="#303030" font-family="'Futura-Medium'" font-size="26">12</text>
</g>
<g id="minutes" >
	<g>
		<path fill="#3A3A3A" d="M244.831,261.39c-0.066,1.098-0.665,1.997-1.331,1.996c-0.666,0-1.265-0.898-1.332-1.996l-1.574-25.956
			c-0.066-1.098-0.101-2.896-0.077-3.996l1.729-78.619c0.024-1.1,0.589-2,1.254-2c0.666,0,1.231,0.9,1.255,2l1.729,78.361
			c0.024,1.1-0.01,2.898-0.076,3.996L244.831,261.39z"/>
	</g>
</g>
<g id="hours">
	<g>
		<path fill="#3A3A3A" d="M245.317,261.606c-0.098,1.096-0.773,1.992-1.501,1.992s-1.404-0.896-1.503-1.992l-1.625-18.011
			c-0.099-1.095-0.15-2.891-0.114-3.991l1.854-56.678c0.036-1.1,0.661-1.999,1.389-1.999s1.353,0.899,1.389,1.999l1.853,56.488
			c0.036,1.1-0.015,2.896-0.113,3.991L245.317,261.606z"/>
	</g>
</g>
<g id="seconds">
	<g>
		<line fill="none" stroke="#BF4116" stroke-miterlimit="10" x1="243.5" y1="143" x2="243.5" y2="266"/>
		<circle fill="none" stroke="#BF4116" stroke-miterlimit="10" cx="243.5" cy="271" r="5"/>
		<circle fill="#BF4116" cx="243.5" cy="251" r="3.251"/>
	</g>
</g>
</svg>

                </div>
                <!--business-card stop-->

                <!--cooperation start-->
                {if !empty($businessCooperationList)}
                <div class="cooperation">
                    <div class="cooperation-title">
                        <span>联系我</span>
                        <a class="iconfont icon-weixin-copy popup-wxqrcode-box" style="position: relative;">
                            <div class="popup-wxqrcode">
                                <img src="{$site.blogger_wxqrcode}"/>
                            </div>
                        </a>
                        <span style="float: right; margin-right: 10px; font-weight: normal;">点击添加微信</span>
                    </div>
                    <div class="cooperation-list">
                        {volist name="businessCooperationList" id="businessCooperation"}
                        <div class="imgbox"><a {if !empty($businessCooperation.link)}href="{$businessCooperation.link}" target="_blank" {else/}href='javascript:void(0);'{/if}><img src="{$businessCooperation.thumb}" alt="{$businessCooperation.title}" title="{$businessCooperation.title}"></a></div>
                        {/volist}
                    </div>
                </div>
                {/if}
                <!--cooperation stop-->

                <!--advcooper start-->
                {if !empty($advertisingCooperationList)}
                <div class="advcooper">
                    <div class="advcooper-title">
                        <span>合作</span>
                        <a class="iconfont icon-dianhua"></a>
                        <span style="float: right; margin-right: 10px; font-weight: normal;">{$site.mobile}</span>
                    </div>
                    <div class="advcooper-list">
                        {volist name="advertisingCooperationList" id="advertisingCooperation"}
                        <div class="list-item"><a {if !empty($advertisingCooperation.link)}href="{$advertisingCooperation.link}" target="_blank" {else/}href='javascript:void(0);'{/if} title="{$advertisingCooperation.title}">{$key+1}、{$advertisingCooperation.title}</a></div>
                        {/volist}
                    </div>
                </div>
                {/if}
                <!--advcooper stop-->

                <!--hotread start-->
                {if !empty($hotArticleList)}
                <div class="hotread">
                    <div class="hotread-title">
                        <span>热门阅读</span>
                    </div>
                    <div class="hotread-list">
                        {volist name="hotArticleList" id="hotArticle"}
                        <div class="list-item">
                            <div class="left-box"><img src="{$hotArticle.thumb|image_processing=0}" alt="{$hotArticle.title}" title="{$hotArticle.title}" onclick="window.open('{:url(\'/detail/\'.$hotArticle.id)}')"></div>
                            <div class="right-box">
                                <div class="article-title"  onclick="window.open('{:url(\'/detail/\'.$hotArticle.id)}')">{$hotArticle.title}</div>
                                <div class="article-info">
                                    <span class="pubdate">{$hotArticle.createtime|date='Y-m-d',###}</span>
                                    <span class="comment">{$hotArticle.articleCommentCount}评论</span>
                                </div>
                            </div>
                        </div>
                        {/volist}
                    </div>
                </div>
                {/if}
                <!--hotread stop-->

                <!--comment start-->
                {if !empty($newArticleCommentList)}
                <!--<div class="comment">
                    <div class="comment-title">
                        <span>最新评论</span>
                    </div>
                    <div class="comment-list">
                        {volist name="newArticleCommentList" id="newArticleComment"}
                        <div class="list-item" onclick="location.href='/detail/{$newArticleComment.article_id}'">
                            <div class="left-box"><img src="{$newArticleComment.avatar|image_processing=1}"></div>
                            <div class="right-box">
                                <span class="comment-user">{$newArticleComment.nickname}</span>
                                <span class="comment-date">{$newArticleComment.timeDiffText} ({$newArticleComment.createTimeText})说：</span>
                                <span class="comment-content">{$newArticleComment.content}</span>
                            </div>
                        </div>
                        {/volist}

                    </div>
                </div>-->
                {/if}
                <!--comment stop-->



            </div>
        </div>

        {include file="common/footer" /}

    </div>

    <script type="text/javascript" src="__JS__/swiper.min.js?v=__VERSION__"></script>
    <script type="text/javascript" src="__JS__/common.js?v=__VERSION__"></script>
    <script type="text/javascript" src="__JS__/snap.svg-min.js?v=__VERSION__"></script>
    <script type="text/javascript" src="__JS__/index_index.js?v=__VERSION__"></script>
    <script type="text/javascript">
        $(function () {
            //轮播
            var mySwiper = new Swiper ('.swiper-container', {
                autoplay: true,
                speed:2500,
                // 如果需要分页器
                pagination: {
                    el: '.swiper-pagination',
                },

                // 如果需要前进后退按钮
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            });

        });
    </script>
</body>
</html>